<template>
	<div id="app">
		<el-row>
			<el-col style="display: flex;">
				
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		name: 'PCFirst',
		data() { //要写函数，函数要return
			return {
				//成员变量
			}
		},
		methods: {
			handleOpen(key, keyPath) {
				console.log(key, keyPath);
			},
			handleClose(key, keyPath) {
				console.log(key, keyPath);
			}
		},
		//挂载
		mounted() {
			// this.$router.push("/login");
			//push:编程方式改变该router-vue的组件
		},
		computed: { //计算属性
			// getName(){//方法本质上就是一个特殊的变量
			// //取localStorage的name getItem("成员变量名") 【要先有set才能get】
			// 	return window.localStorage.getItem("name");
			// }

		}
	}
</script>

<style>
	.app{
		
	}
	.grid-content {
		display: flex;
		background: #23262e;
		min-height: 36px;
	}

	.h2 {
		width: 30%;
		writing-mode: horizontal-tb;
		color: #009688;

	}

	.h3 {
		margin-left: 40px;
		color: #ffffff;
		margin-top: 5px;
	}

	.photo img {
		margin-left: 100px;
		width: 70px;
		height: 70px;
		border-radius: 50%;
	}

	.sel select {
		background-color: #23262e;
		color: #ffffff;
		margin-top: 30px;
		border: none;
	}

	.href a {
		margin-top: 20px;
		color: #ffffff;
	}

	.grid-top {
		background: #545c64;
		height: 500px;
		width: 25%;
	}

	.href1 {
		margin-top: 20px;
		margin-left: 20px;
		color: #ffffff;
	}

	.shallow {
		margin-left: 40px;
		color: #9c9b9a;
	}

	.shallowMore {
		color: #747575;
	}

	.add {
		margin-left: 40px;
		width: 80px;
		height: 40px;
		background-color: #009688;
		color: #ffffff;
		border: none;
		border-radius: 10%;
	}

	.biao {
		text-align: center;
		border: none;
		margin-left: 40px;
		width: 100%;
		height: 358px;
	}

	.btn-on {
		width: 60px;
		height: 25px;
		margin: 0 3px;
		border-radius: 20%;
		font-size: 14px;
	}

	.btn-on {
		cursor: pointer;
		position: relative;
		border: 1px solid white;
		background-color: #12B090;
	}

	.btn-on-circle {
		position: absolute;
		width: 15px;
		height: 15px;
		top: 5px;
		left: 5px;
		background-color: rgb(255, 255, 255);
		border-radius: 50%;
		box-shadow: 0 0 10px white;
		transition: all .5s;
	}

	.btn-on-text {
		position: absolute;
		right: 10px;
		line-height: 25px;
		color: white;
		transition: all .5s;
	}

	.biao button {
		width: 80px;
		height: 40px;
		color: white;
		border: none;
	}
</style>